<template>
  <div class="home">
    <HomeHeader />
    <HeaderSearch />
    <Nav />
    <SwiperSlide />
    <Titles :name='name'></Titles>
    <ContentList :goodsInfo="goodInfo1"></ContentList>
    <Titles :name='name1'></Titles>
    <ContentSlide :goodsInfo="goodsInfo"></ContentSlide>
    <Titles :name='name2'></Titles>
    <ContentList :goodsInfo="goodInfo1"></ContentList>
    <Titles :name='name3'></Titles>
    <ContentSlide :goodsInfo="goodsInfo"></ContentSlide>
    <ProgressPay></ProgressPay>
    <HomeFooter></HomeFooter>
  </div>
</template>

<script>
import HomeHeader from '../homeHeader'
import HeaderSearch from '../headerSearch'
import Nav from '../navji'
import SwiperSlide from '../swiperSlide'
import Titles from '../titles'
import ContentList from '../contentList'
import ContentSlide from '../contentSlide'
import ProgressPay from '../progressPay'
import HomeFooter from '../homeFooter'

export default {
  name: "home",
  components: {
    HomeHeader,
    HeaderSearch,
    Nav,
    SwiperSlide,
    Titles,
    ContentList,
    ContentSlide,
    ProgressPay,
    HomeFooter,
  },
  data() {
    return {
      name: '家装设计',
      name1: '酒店设计',
      name2: '别墅设计',
      name3: '公寓装修',
      goodsInfo: [
        { id: Math.random(), img: require("../contentSlide/img/img1.jpg"), title: "家装设计整体效果图", indoorPrice: 20020, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img2.jpg"), title: "家装设计整体效果图", indoorPrice: 20010, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img5.jpg"), title: "家装设计整体效果图", indoorPrice: 20200, trimPrice: 20100 },
        { id: Math.random(), img: require("../contentSlide/img/img4.jpg"), title: "家装设计整体效果图", indoorPrice: 20300, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img5.jpg"), title: "家装设计整体效果图", indoorPrice: 20400, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img3.jpg"), title: "家装设计整体效果图", indoorPrice: 20200, trimPrice: 20000 },
      ],
      goodInfo1: [
        { id: Math.random(), img: require("../contentSlide/img/img1.jpg"), title: "家装设计整体效果图", indoorPrice: 20020, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img2.jpg"), title: "家装设计整体效果图", indoorPrice: 20010, trimPrice: 20000 },
        { id: Math.random(), img: require("../contentSlide/img/img5.jpg"), title: "家装设计整体效果图", indoorPrice: 20200, trimPrice: 20100 },
        { id: Math.random(), img: require("../contentSlide/img/img4.jpg"), title: "家装设计整体效果图", indoorPrice: 20300, trimPrice: 20000 },
      ]
    }
  }
};
</script>
